<!DOCTYPE HTML>
<html>

<head>
<!-- *** 奇遇网络科技 * 提供技术支持 // 网站设计‘代码编写：徐国胜 QQ：63224033 电话：13166668180 *** -->
<meta charset="utf-8">
<meta name="author" content="ThemeFuse">
<meta name="description" content="A short description of your company">
<meta name="keywords" content="Some keywords that best describe your business">
<title>Cloud Host - Shortcodes Widgets</title>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic|Cutive' rel='stylesheet' type='text/css'>
<link href="style.css" media="screen" rel="stylesheet" type="text/css">

<!-- main-js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--/ main-js -->

<!-- shortcode: Tabs -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<!-- shortcode: Slides images/text -->
<script type="text/javascript" language="javascript" src="js/slides.min.jquery.js"></script>
<!-- shortcode: Lightbox prettyPhoto -->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<!-- SyntaxHighlighter for shortcodes -->
<script type="text/javascript" language="javascript" src="js/shCore.js"></script>
<script type="text/javascript" language="javascript" src="js/shBrushPlain.js"></script>
<link href="css/shCore.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/shThemeDefault.css" media="screen" rel="stylesheet" type="text/css" />

<!-- custom CSS -->
<link href="custom.css" media="screen" rel="stylesheet" type="text/css">

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="body_wrap">

<div class="header header_top">
	<div class="container_12">
    	
        <div class="logo">
	        <a href="index.html"><img src="images/logo.png" alt=""></a>
            <strong><span></span>CLOUDHOST</strong>
        </div>
        
		<div class="topmenu">            
	            <ul class="dropdown">
	                <li class="menu-item-home"><a href="index.html"><span>Home</span></a></li>
	                <li><a href="solutions.html"><span>Solutions</span></a></li>
                    <li><a href="pricing.html"><span>Plans & Pricing</span></a></li>
	                <li class="current-menu-ancestor"><a href="#"><span>Pages</span></a>
	                	<ul>
	                    	<li><a href="blog.html"><span>Blog - Sidebar Right</span></a></li>
	                    	<li><a href="blog-sidebar-l.html"><span>Blog - Sidebar Left</span></a></li>
	                        <li class="current-menu-ancestor"><a href="#"><span>Shortcodes</span></a>
	                            <ul>                                
	                                <li><a href="shortcodes-buttons.html"><span>Buttons & Lists</span></a></li> 
	                                <li><a href="shortcodes-text.html"><span>Text & Images</span></a></li>
	                                <li><a href="shortcodes-tabs.html"><span>Tabs & Toggles</span></a></li>
	                                <li><a href="shortcodes-charts.html"><span>Charts</span></a></li>  
	                                <li><a href="shortcodes-columns.html"><span>Columns</span></a></li>  
	                                <li><a href="shortcodes-lightbox.html"><span>Lightbox</span></a></li>
	                                <li><a href="shortcodes-tables.html"><span>Tables & Boxes</span></a></li>
	                                <li><a href="shortcodes-media.html"><span>Media (Videos & Img)</span></a></li>
	                                <li><a href="shortcodes-maps.html"><span>Maps & Locations</span></a></li>                                
	                                <li><a href="shortcodes-typography.html"><span>Typography</span></a></li>
	                                <li class="current-menu-item"><a href="shortcodes-widgets.html"><span>Widgets</span></a></li>
	                            </ul>
	                        </li>
	                        <li><a href="about.html"><span>About us</span></a></li>
	                    </ul>
	                </li>
	                <li><a href="support.html"><span>Support</span></a></li>                          
	                <li><a href="contact.html"><span>Contact</span></a></li>
	            </ul>                
		</div>
        <!--/ topmenu -->
            
    </div>
</div>

<div class="header header_thin">
	<div class="container_12">    
		<div class="breadcrumbs"><a href="index.html">Homepage</a> <span class="separator">&nbsp;</span> <a href="#">Pages</a> <span class="separator">&nbsp;</span> <a href="#">Shortcodes</a> <span class="separator">&nbsp;</span> Widgets</div>
    </div>
</div>
<!--/ header -->

<div class="middle cols2">
<div class="container_12">

<!-- content -->
    <div class="content">
    
    		<div class="post-item post-detail">
            		
                    <script type="text/javascript">
					SyntaxHighlighter.defaults['gutter'] = false;
					SyntaxHighlighter.defaults['toolbar'] = true;		
					SyntaxHighlighter.all();
					</script>    
                    
                    <div class="post-title">
                        <h1>Shortcodes: Widgets</h1>
                    </div>                            
                    
					<div class="entry">
	                    
	                    <h2>Testimonials</h2>	
                    					
						<div id="testimonials" class="slideshow slideQuotes">
                            <div class="slides_container">
                                <div class="slide">
                                    <div class="quote-text">Over the last eighteen months our sales have increased three fold since the launch of our new web site. We have to say it has made us delighted we chose Medica.</div>
                                    <div class="quote-author"><span>MIKE HAMMOND</span>, VP Osiris Media</div>                    
                                </div>
                                <div class="slide">
                                    <div class="quote-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
                                    <div class="quote-author"><span>James Backer</span>, VP Osiris Media</div>                                    
                                </div>
                                <div class="slide">
                                    <div class="quote-text">Over the last eighteen months our sales have increased three fold since the launch of our new web site. We have to say it has made us delighted we chose Medica.</div>
                                    <div class="quote-author"><span>Mr. Smith</span>, SportNews UK</div>
                                </div>
                                <div class="slide">
                                    <div class="quote-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam, quis nostrud exercitation .</div>
                                    <div class="quote-author"><span>MIKE HAMMOND</span>, UK Center CEO</div>
                                    <p></p>
                                </div>
                            </div>
       		  				<a href="#" class="prev">Prev</a>
                            <a href="#" class="link-more">VIEW MORE TESTIMONIALS</a>                
			 				<a href="#" class="next">Next</a>
                            <div class="clear"></div>
						</div>
                        <script type="text/javascript">
							jQuery(document).ready(function($) {
								$('#testimonials').slides({
									hoverPause: true,
									play: 9000,
									autoHeight: true,
									pagination: false,
									generatePagination: false,
									effect: 'fade',
									fadeSpeed: 150});
							});		
						</script>                  
                                                
                        <div class="twitter">
                    	<h2>Twitter widget</h2>   
                        <ul>
                          <li>On Improving Your Productivity: Quick Tips for Photoshop <a href="http://cot.ag/oID">http://cot.ag/oID</a></li>
                          <li>15 Stunning Illustrations by Niklas Lundberg <a href="http://bit.ly/pFixAD">http://bit.ly/pFixAD</a></li>
                          <li>How to Fix: Extra contraction marks error in new WordPress posts.</li>
                          <li>30 Creative Resume Designs Able to Land a New Job <a href="http://cot.ag/qYTGGQ">http://cot.ag/qYTGGQ</a> You never know when you might need this ;)</li>
                        </ul>
					</div>                        
                        
				
                    <div class="flickr">
                    	<h2>Flickr photostream</h2>
                        <div class="flickr_badge_image" id="flickr_badge_image1"><a href="http://www.flickr.com/photos/themefuse/4745967918/"><img src="../../../../farm5.static.flickr.com/4122/4745967918_6780fd65ff_s.jpg" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="100" width="100"></a></div>
                        <div class="flickr_badge_image" id="flickr_badge_image2"><a href="http://www.flickr.com/photos/themefuse/4745967666/"><img src="../../../../farm5.static.flickr.com/4119/4745967666_b996719848_s.jpg" alt="A photo on Flickr" title="TechOffers HTML Newsletter" height="100" width="100"></a></div>
                       
                        <div class="flickr_badge_image" id="flickr_badge_image4"><a href="http://www.flickr.com/photos/themefuse/4745329719/"><img src="../../../../farm5.staticflickr.com/4074/4745329719_624b0af07a_s.jpg" alt="A photo on Flickr" title="TechOffers HTML Newsletter" height="100" width="100"></a></div>
                        <div class="flickr_badge_image" id="flickr_badge_image5"><a href="http://www.flickr.com/photos/themefuse/4745969376/"><img src="../../../../farm5.staticflickr.com/4093/4745330557_3a0782a879_s.jpg" alt="A photo on Flickr" title="Art Gallery HTML/WP template - Homepage" height="100" width="100"></a></div>                        
                        <div class="flickr_badge_image" id="flickr_badge_image6"><a href="http://www.flickr.com/photos/themefuse/4745330159/"><img src="../../../../farm5.staticflickr.com/4075/4745330159_b0e28f2221_s.jpg" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="100" width="100"></a></div>
                        
                        <span style="position: absolute; left: -999em; top: -999em; visibility: hidden;" class="flickr_badge_beacon"><img src="http://geo.yahoo.com/p?s=792600102&amp;t=a268516684fee260dc5cde12b3bc2bba&amp;r=http%3A%2F%2Fthemefuse.com%2Fdemo%2Fwp%2Fqlassik%2F%3Fpage_id%3D425&amp;fl_ev=0&amp;lang=en&amp;intl=us" alt="" height="0" width="0"></span>    
                        <div class="clear"></div>  
                    </div>
                    
          
                    
                    <h2>Recent / Most Commented Widget</h2>
                    
                    <!-- tf entry tabs -->
                	<div class="tf_sidebar_tabs tabs_framed">
                
                    <ul class="tabs">
                        <li><a href="#tf_tabs_1">Recent Posts</a></li>
                        <li><a href="#tf_tabs_2">Most Commented</a></li>
                    </ul>
                    
                    <div id="tf_tabs_1" class="tabcontent">
                        <ul class="post_list recent_posts">
                            <li><a href="blog-details.html">Pharetra sem vitae blandit. Alim sed massa vitae risus </a> <div class="date">Feb 17, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_7.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Morbi tincidunt lorem dolor sit amet eurasio mecitur.</a> <div class="date">Feb 16, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_3.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Aliquam sed massa vitae risus sodales molestie vitae </a> <div class="date">Feb 15, 2011</div> </li>
                            <li><a href="blog-details.html">Tincidunt lorem dolor sit amet </a> <div class="date">Jan 28, 2010</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_5.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Pharetra sem vitae blandit. Alim sed massa vitae risus </a> <div class="date">Jan 10, 2011</div> </li>
                           
                        </ul>
                    </div>
                    
                    <div id="tf_tabs_2" class="tabcontent">
                        <ul class="post_list popular_posts">
                            <li><a href="blog-details.html"><img src="images/temp/thumb_2.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Morbi tincidunt lorem dolor sit amet eurasio mecitur.</a> <div class="date">Jan 10, 2011</div> </li>
                            <li><a href="blog-details.html">The concept was created before you designed it our theme is a take on</a> <div class="date">Jan 10, 2011</div> </li>
                            <li><a href="blog-details.html">Pharetra sem vitae blandit. Alim sed massa vitae risus </a> <div class="date">Feb 17, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_7.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Morbi tincidunt lorem dolor sit amet eurasio mecitur.</a> <div class="date">Feb 16, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_6.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Aliquam sed massa vitae risus sodales molestie vitae </a> <div class="date">Feb 15, 2011</div> </li>
                        </ul>
                    </div>
                    
                </div>
        		<!--/ tf entry tabs -->
                                

                
                <div class="row">
                	<div class="col col_1_2">
                    <div class="inner">
                    	<h3>Recent Posts</h3>
                        
                        <div class="widget_recent_posts">
                            <ul>
                              <li><a href="blog-details.html" class="post-title">How to install WordPress manually</a> 
                                <div class="post-meta">by <a href="#" class="author">Marcus Johans</a> <span class="separator">|</span> <a href="#" class="link-comments">22 comments</a></div>
                                <div class="extras">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam. </div>
                                <a href="blog-details.html" class="link-arrow">Read more</a>
                                </li>
                                
                                <li><a href="blog-details.html" class="post-title">WPTurbo, a new WordPress auto</a> 
                                <div class="post-meta">by <a href="#" class="author">Marcus Johans</a> <span class="separator">|</span> <a href="#" class="link-comments">22 comments</a></div>
                                <div class="extras"><a href="blog-details.html"><img src="images/temp/thumb_3.jpg" alt="" width="70" height="70" class="thumbnail"></a> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem. </div>
                                <a href="blog-details.html" class="link-arrow">Read more</a>
                                </li>
                            </ul>
                        </div> 
                        
					</div>   						
                    </div> 
                    
                    <div class="col col_1_2">
                    <div class="inner">
                    	<h3>Popular Posts</h3>
                    	<div class="widget_popular_posts">
                            <ul>
                                <li><a href="blog-details.html" class="post-title">WPTurbo, a new WordPress auto</a> 
                                <div class="post-meta">by <a href="#" class="author">Marcus Johans</a> <span class="separator">|</span> <a href="#" class="link-comments">22 comments</a></div>
                                <div class="extras">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam. </div>
                                <a href="blog-details.html" class="link-arrow">Read more</a>
                                </li>
                                
                                <li><a href="blog-details.html" class="post-title">How to install WordPress manually</a> 
                                <div class="post-meta">by <a href="#" class="author">Marcus Johans</a> <span class="separator">|</span> <a href="#" class="link-comments">22 comments</a></div>
                                <div class="extras"><a href="blog-details.html"><img src="images/temp/thumb_5.jpg" alt="" width="70" height="70" class="thumbnail"></a> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.  </div>
                                 <a href="blog-details.html" class="link-arrow">Read more</a>
                                </li>
                            </ul>
						</div>
                        
   					</div>
                    </div>  
                    
                    </div>
                    
                    <div class="divider"></div>
                    
                    <h2>Other Shortcodes</h2>
                    
                    <div class="row">
						<div class="col col_1_2">
						<div class="inner">
						
							<div class="widget-container newsletterBox">
								<div class="inner">
									<h3>Sign-up for news</h3>                    
									<form method="get" action="#">
										<label>Enter your email address:</label><br>
										<input type="text" value="" name="email" class="inputField">
										<input type="submit" value="Send" class="btn-arrow">	         
                                        <div class="newsletter_text"><a href="#" class="link-news-rss">Also subscribe to <span>our RSS feed</span></a></div>
									</form>     
								</div>
							</div>
							
							
							<h3>Search widget</h3>						
							<!-- search widget -->
				  			<div class="widget-container widget_search">
                            	
				                              <form method="get" id="searchform2" action="#">
				                                  <div>
				                                    <label class="screen-reader-text" for="s2">Search for:</label>
				                                      <input class="input_search" name="s" id="s2" value="Search this blog" onfocus="if (this.value == 'Search this blog') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this blog';}" type="text" />
				                                      <input id="searchsubmit2" class="btn-submit" value="Submit" type="submit" />
				                                  </div>
				                              </form>
				  			</div> 
				  			<!--/ search widget -->
                            
						</div>
						</div>
						
						
						<div class="col col_1_2">
						<div class="inner">    
							<!-- login widget -->
							<div class="widget-container widget_login">
								<h3>Login  Form</h3>
								
							  <form action="#" method="post" class="loginform">
								
								<p><label>Username</label><br><input name="log" id="user_login" class="input" value="" size="20" tabindex="10" type="text"></p>
								
								<p><label>Password</label><br><input name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" type="password"></p>
								
								<p class="forgetmenot"><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90"><label for="rememberme">Remember Me</label></p>
								
								<p class="forget_password"><a href="#">Forgot Password?</a></p>   
								
								<p class="submit">
									<input type="submit" name="wp-submit" id="wp-submit" class="btn-submit" value="Login" tabindex="100">
									<input type="hidden" name="redirect_to" value="">
									<input type="hidden" name="testcookie" value="1">
								</p>                        
								
							  </form>
							</div>
							<!--/ login widget --> 
		  
						</div>    
						</div>                    
                    </div>
                                        
                    <div class="divider"></div>                  
                    
                    
				<!-- author description -->
                <div class="author-box">
                	<h3>Author Description</h3>
                    <div class="author-description">
                		<div class="author-image"><img src="images/temp/author_image.jpg" width="100" height="100" alt=""></div>
                      	<div class="author-text">
                          <h4>Michael j. FlatBerry</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque fdaer  ipsa quae ab
tore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo </p>
                            <div class="author-contact"><label>CONTACT THE AUTHOR:</label>
                            <a href="#" class="author_link_1">Facebook</a>
                            <a href="#" class="author_link_2">Twitter</a>
                            <a href="#" class="author_link_3">LinkedIn</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                	</div>        
                </div>
                <!--/ author description -->
                           
                      <div class="clear"></div>     
                  	</div>       
			</div>
            <!--/ post item -->
                        
            
            
                        
        
	</div>
<!--/ content --> 

<!-- sidebar -->
	<div class="sidebar">
    	
        <div class="sidebar_inner">
        	
            <!-- search widget -->
			<div class="widget-container widget_search">
                            <form method="get" id="searchform" action="#">
                                <div>
                                  <label class="screen-reader-text" for="s">Search for:</label>
                                    <input class="input_search" name="s" id="s" value="Search this blog" onfocus="if (this.value == 'Search this blog') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this blog';}" type="text" />
                                    <input id="searchsubmit" class="btn-submit" value="Submit" type="submit" />
                                </div>
                            </form>
			</div> 
			<!--/ search widget -->
            
            <div class="widget-container widget_categories">
	            	<h3 class="widget-title">Shortcodes Categories</h3>
	                    <ul>
                       		<li><a href="shortcodes-buttons.html"><span>Buttons & Lists</span></a></li> 
	                        <li><a href="shortcodes-text.html"><span>Text & Images</span></a></li>
							<li><a href="shortcodes-tabs.html"><span>Tabs & Toggles</span></a></li>
							<li><a href="shortcodes-charts.html"><span>Charts</span></a></li>  
							<li><a href="shortcodes-columns.html"><span>Columns</span></a></li>  
							<li><a href="shortcodes-lightbox.html"><span>Lightbox</span></a></li>
							<li><a href="shortcodes-tables.html"><span>Tables & Boxes</span></a></li>
							<li><a href="shortcodes-media.html"><span>Media (Videos & Images)</span></a></li>
							<li><a href="shortcodes-maps.html"><span>Maps & Locations</span></a></li>                                
							<li><a href="shortcodes-typography.html"><span>Typography</span></a></li>
							<li class="current-menu-item"><a href="shortcodes-widgets.html"><span>Widgets</span></a></li>
                    	</ul>
                        
			</div> 
            
            
            
            <div class="widget-container widget_twitter">
				<h3>Twitter Activity</h3>
                
                <div class="tweet_list">
                               
  		    	<div class="tweet_item">
                	<div class="tweet_image"><img src="images/temp/twitter_avatar.png" width="30" height="30" alt="" /></div>
                    <div class="tweet_text">
                    	<div class="inner">
		    	  		<a href="#">@LesPaul:</a> the guitar's probably worth at least $25k. Interested?
                    	</div>
                    </div>
                    <div class="clear"></div>
	  		  	</div>   
                
                <div class="tweet_item">
                	<div class="tweet_image"><img src="images/temp/twitter_avatar.png" width="30" height="30" alt="" /></div>
                    <div class="tweet_text">
                    	<div class="inner">
		    	  		<a href="#">@Serendipity:</a> knowing you, every bit of time spent on that car is like a vacation in paradise
                      </div>
                    </div>
                    <div class="clear"></div>
	  		  	</div>
                
                <div class="tweet_item">
                	<div class="tweet_image"><img src="images/temp/twitter_avatar.png" width="30" height="30" alt="" /></div>
                    <div class="tweet_text">
                    	<div class="inner">
		    	  		<a href="#">@LesPaul:</a> great news!
                    	</div>
                    </div>
                    <div class="clear"></div>
	  		  	</div>
                
                </div>   
                
			</div>
			<!--/ twiiter widget -->
            
            
            <div class="widget-container newsletterBox">
								<div class="inner">
									<h3>Sign-up for news</h3>                    
									<form method="get" action="#">
										<label>Enter your email address:</label><br>
										<input type="text" value="" name="email" class="inputField">
										<input type="submit" value="Send" class="btn-arrow">	         
                                        <div class="newsletter_text"><a href="#" class="link-news-rss">Also subscribe to <span>our RSS feed</span></a></div>
									</form>     
								</div>
							</div>
                            
                            
            <!-- tf entry tabs -->
                	<div class="tf_sidebar_tabs tabs_framed">
                
                    <ul class="tabs">
                        <li><a href="#tf_tabs_11">Recent Posts</a></li>
                        <li><a href="#tf_tabs_22">Most Commented</a></li>
                    </ul>
                    
                    <div id="tf_tabs_11" class="tabcontent">
                        <ul class="post_list recent_posts">
                            <li><a href="blog-details.html">Pharetra sem vitae blandit. Alim sed massa vitae risus </a> <div class="date">Feb 17, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_7.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Morbi tincidunt lorem dolor sit amet eurasio mecitur.</a> <div class="date">Feb 16, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_3.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Aliquam sed massa vitae risus sodales molestie vitae </a> <div class="date">Feb 15, 2011</div> </li>
                            <li><a href="blog-details.html">Tincidunt lorem dolor sit amet </a> <div class="date">Jan 28, 2010</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_5.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Pharetra sem vitae blandit. Alim sed massa vitae risus </a> <div class="date">Jan 10, 2011</div> </li>
                           
                        </ul>
                    </div>
                    
                    <div id="tf_tabs_22" class="tabcontent">
                        <ul class="post_list popular_posts">
                            <li><a href="blog-details.html"><img src="images/temp/thumb_2.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Morbi tincidunt lorem dolor sit amet eurasio mecitur.</a> <div class="date">Jan 10, 2011</div> </li>
                            <li><a href="blog-details.html">The concept was created before you designed it our theme is a take on</a> <div class="date">Jan 10, 2011</div> </li>
                            <li><a href="blog-details.html">Pharetra sem vitae blandit. Alim sed massa vitae risus </a> <div class="date">Feb 17, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_7.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Morbi tincidunt lorem dolor sit amet eurasio mecitur.</a> <div class="date">Feb 16, 2011</div> </li>
                            <li><a href="blog-details.html"><img src="images/temp/thumb_6.jpg" alt="" width="54" height="54" class="thumbnail"></a> <a href="blog-details.html">Aliquam sed massa vitae risus sodales molestie vitae </a> <div class="date">Feb 15, 2011</div> </li>

                        </ul>
                    </div>
                    
                </div>
        		<!--/ tf entry tabs --> 
            
            	
                            
			
            <!-- login widget -->
							<div class="widget-container widget_login">
								<h3>Login  Form</h3>
								
							  <form action="#" method="post" class="loginform">
								
								<p><label>Username</label><br><input name="log" id="user_login2" class="input" value="" size="20" tabindex="10" type="text"></p>
								
								<p><label>Password</label><br><input name="pwd" id="user_pass2" class="input" value="" size="20" tabindex="20" type="password"></p>
								
								<p class="forgetmenot"><input name="rememberme" type="checkbox" id="rememberme2" value="forever" tabindex="90"><label for="rememberme2">Remember Me</label></p>
								
								<p class="forget_password"><a href="#">Forgot Password?</a></p>   
								
								<p class="submit">
									<input type="submit" name="wp-submit" id="wp-submit2" class="btn-submit" value="Login" tabindex="100">
									<input type="hidden" name="redirect_to" value="">
									<input type="hidden" name="testcookie" value="1">
								</p>                        
								
							  </form>
							</div>
							<!--/ login widget --> 
             
            
            
            
        </div>		
        <div class="sidebar_bottom"></div> 
    </div>
<!--/ sidebar -->

	<div class="clear"></div>  
</div>
</div>
<!--/ middle -->

<div class="footer">
	<div class="container_12">
    
    	<div class="grid_2">        	
            <div class="widget-container widget_nav_menu">
                	<h3 class="widget-title">OUR HOSTING</h3>
                    <ul>
                        <li><a href="#"><span>Website Hosting</span></a></li>                            
                        <li><a href="#"><span>Reseller Hosting</span></a></li>                        	
                        <li><a href="#"><span>Cloud Servers</span></a></li>  
                        <li><a href="#"><span>Site Supercharge</span></a></li>  
                    </ul>
			</div>        	
        </div>
        <!--/ footer col 1 -->
		<div class="grid_2">        	
            <div class="widget-container widget_nav_menu">
                	<h3 class="widget-title">AFFILIATES</h3>
                    <ul>
                        <li><a href="#"><span>Hosting Affiliates</span></a></li>                            
                        <li><a href="#"><span>Affiliate Banners</span></a></li>                        	
                        <li><a href="#"><span>Affiliate Login</span></a></li>  
                        <li><a href="#"><span>Affiliate Sign-up</span></a></li>  
                    </ul>
			</div>        	
        </div>
        <!--/ footer col 2 --> 
        <div class="grid_2">        	
            <div class="widget-container widget_nav_menu">
                	<h3 class="widget-title">SUPPORT</h3>
                    <ul>
                        <li><a href="#"><span>Knowledgebase</span></a></li>                            
                        <li><a href="#"><span>Community Forum</span></a></li>                        	
                        <li><a href="#"><span>Video Tutorials</span></a></li>  
                        <li><a href="#"><span>Contact Live Support</span></a></li>  
                    </ul>
			</div>        	
        </div>
        <!--/ footer col 3 -->   
        <div class="grid_2">        	
            <div class="widget-container widget_nav_menu">
                	<h3 class="widget-title">ABOUT US</h3>
                    <ul>
                        <li><a href="#"><span>About Cloud-Host</span></a></li>                            
                        <li><a href="#"><span>Our Team</span></a></li>
                        <li><a href="#"><span>In the Press</span></a></li>  
                        <li><a href="#"><span>Contact us directly</span></a></li>
                    </ul>
			</div>        	
        </div>
        <!--/ footer col 4 --> 
        <div class="grid_2">        	
            <div class="widget-container widget_nav_menu">
                	<h3 class="widget-title">CAREERS</h3>
                    <ul>
                        <li><a href="#"><span>Join our team</span></a></li>
                        <li><a href="#"><span>Job Offerings Board</span></a></li>
                        <li><a href="#"><span>Send your Resume</span></a></li>
                    </ul>
			</div>        	
        </div>
        <!--/ footer col 4 -->  
        <div class="grid_2">
        		<!-- widget contacts -->
                    <div class="widget-container widget_contact">                    
                    	<h3>OUR ADDRESS</h3>
						<div class="contact-address">
                            <div class="address">Rue Teissere, #.24 0600 <br /> Cannes, France</div>
                            <div class="phone">Phone: <strong>+33(0)9399 7987</strong></div>
                            <div class="fax">Fax: <strong>+33(0)9399 7988</strong></div>
                        </div>                            
                    </div>
				<!--/ widget contacts --> 
        </div>
        <!--/ footer col 4 -->
    	
    	<div class="divider"></div>
	    	
    	<div class="footer_support">
	        <div class="icon_write_mail"><a href="#">Write us an Email</a></div>
	        <div class="icon_live_chat"><a href="#">Live Chat 24 / 7</a></div>
	        <div class="icon_phone">Support: +33 (0) 9399 7987</div>
            <div class="clear"></div>
        </div>  
    
	    <div class="copyright">
	        <p>&copy; Copyright 2013  |   Hosting Co. All rights reserved.</p>
		</div>
    
    	<div class="clear"></div>
        
    </div>
</div>

</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
